<!DOCTYPE html>
<html lang="de">
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>Web-Programmierung Praktikum</title>
		<!-- Le styles -->
		<link href="./bootstrap/css/bootstrap-blue.css" rel="stylesheet">
		<!--<link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
		<link href="./bootstrap/css/bootstrap-responsive.css" rel="stylesheet">-->
	</head>
	<body>
		<div id="site">
			<div class="container">
				<div class="row">
					<div class="span12">
						<div class="navbar navbar-inverse">
						  <div class="navbar-inner">
							<a class="brand" href="#"><img src="./images/question.png" id="logo" alt="quizlogo"> WebQuiz</a>
						  </div>
						</div>
					</div>
				</div>
			</div>		
			<div class="container">
				<div class="row">
					<div class="span8">
						<div class="form-horizontal well hero-unit">
							<i class="icon-user"></i>
							<button class="btn btn-primary" type="submit">Login<i class="icon-chevron-right icon-white"></i></button>
						</div>
					</div>
					<div class="span4">
						<div class="well form-horizontal">
							<h3> <i class="icon-book"></i> Catalogs</h3>
							<ul>
								<div class="cataloge">
								<li class="divider"></li>
									<li>
										<a href="#">Catalog0</a>
									</li>
									<li>
										<a href="#">Catalog1</a>
									</li>
									<li>
										<a href="#">Catalog2</a>
									</li>
									<li>
										<a href="#">Catalog0</a>
									</li>
									<li>
										<a href="#">Catalog0</a>
									</li>
									<li>
										<a href="#">Catalog0</a>
									</li>	
								<li class="divider"></li>
								</div>
							</ul>
						</div>
						<div class="well">
							<h3><i class="icon-star-empty"></i> Highscore</h3>

							<ul class="nav nav-list">
								<li class="row">
									<div class="span2"><h4>Player</h4></div>
									<div class="span1"><h4>Score</h4></div>
								</li>
								<li class="divider"></li>
								<li class="row player">
									<div class="span2">Player0</div>
									<div class="span1">1111</div>
								</li>
								<li class="row player">
									<div class="span2">Player1</div>
									<div class="span1">1234</div>
								</li>
								<li class="row player">
									<div class="span2">Player2</div>
									<div class="span1">1337</div>
								</li>
								<li class="divider"></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="span12">
						<div class="well">
							copyright shit
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Le javascript
		================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="./jquery-1.9.1.js"></script>
		<script src="./bootstrap/js/bootstrap.js"></script>
	</body>
</html>